<script setup lang="ts">
/*相当于浏览器的script*/
import { ElMessage, ElMessageBox } from 'element-plus'
import type { Action } from 'element-plus'
const queryStudent=()=>{
    ElMessageBox.alert('This is a message', 'Title', {
    // if you want to disable its autofocus
    // autofocus: false,
    confirmButtonText: 'OK',
    callback: (action: Action) => {
      ElMessage({
        type: 'info',
        message: `action: ${action}`,
      })
    },
  })

}
</script>
<template>
<!--相当于html-->
<h1>这里是MyDemo!</h1>
<el-row class="mb-4">
    <el-button>Default</el-button>
    <el-button type="primary" @click="queryStudent">查询</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
  </el-row>
</template>



<style scoped>
/*相当于style样式*/
</style>